/* IsDogSafeToEat — ultra-light vanilla CSS */
:root{
  --cream:#FFF9F1; --ink:#232B3E; --muted:#6B7280;
  --coral:#FF6B5B; --coral-d:#E85440; --amber:#F5A623;
  --yes:#1A9E54; --no:#D63A3A; --caution:#C77F0A;
  --card:#FFFFFF; --line:#F0E6D6; --radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:inherit}
/* header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.header-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.25rem}
.brand b{color:var(--coral)}
.paw{width:34px;height:34px;display:inline-block}
.paw svg{width:100%;height:100%;fill:var(--coral)}
.site-header nav a{margin-left:22px;text-decoration:none;font-weight:600;color:var(--muted)}
.site-header nav a:hover{color:var(--ink)}
/* hero */
.hero{background:linear-gradient(135deg,#FF6B5B 0%,#F5A623 100%);color:#fff;padding:72px 0 84px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.12)}
.hero::before{content:"";position:absolute;left:-60px;bottom:-100px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.10)}
.hero-in{position:relative;z-index:1;text-align:center}
.hero-dog{width:170px;height:170px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 18px 44px rgba(0,0,0,.28);margin-bottom:14px}
.paw-big{width:74px;height:74px;margin:0 auto 10px}
.paw-big svg{width:100%;height:100%;fill:#fff;opacity:.95}
.hero h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:900;letter-spacing:-1px;line-height:1.1}
.hero .hl{background:#fff;color:var(--coral-d);padding:0 14px;border-radius:12px;display:inline-block;transform:rotate(-2deg)}
.lede{max-width:640px;margin:16px auto 28px;font-size:1.15rem;opacity:.96}
.search-box{position:relative;max-width:620px;margin:0 auto}
.search-box input{width:100%;padding:20px 26px;font-size:1.15rem;border:none;border-radius:999px;box-shadow:0 18px 40px rgba(0,0,0,.22);outline:none}
.search-box input:focus{box-shadow:0 18px 40px rgba(0,0,0,.22),0 0 0 4px rgba(255,255,255,.55)}
.results{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.25);overflow:hidden;text-align:left;z-index:20}
.hit{display:flex;align-items:center;gap:12px;padding:13px 20px;text-decoration:none;font-weight:600;border-bottom:1px solid #f3f3f3}
.hit:last-child{border-bottom:none}
.hit:hover{background:#FFF4EC}
.no-hit{padding:16px 20px;color:var(--muted)}
.legend{margin-top:22px;display:flex;gap:26px;justify-content:center;font-weight:700}
.dot{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff;font-weight:900;font-size:.85rem;flex:none}
.dot.yes{background:var(--yes)} .dot.no{background:var(--no)} .dot.caution{background:var(--caution)}
.legend .dot{margin-right:6px}
.chips{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chips span{opacity:.85;font-size:.9rem;align-self:center}
.chips a{background:rgba(255,255,255,.18);color:#fff;border:1.5px solid rgba(255,255,255,.55);padding:8px 16px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;backdrop-filter:blur(4px)}
.chips a:hover{background:#fff;color:var(--ink)}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-38px 0 40px;position:relative;z-index:5}
.stats div{background:#fff;border-radius:var(--radius);padding:20px;text-align:center;box-shadow:0 10px 30px rgba(35,43,62,.10)}
.stats strong{display:block;font-size:1.7rem;color:var(--coral-d)}
.stats span{color:var(--muted);font-size:.9rem}
/* cards */
.sec-title{font-size:1.6rem;margin:34px 0 18px;font-weight:800}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.food-card{background:var(--card);border-radius:var(--radius);padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:10px;border-top:6px solid;box-shadow:0 6px 18px rgba(35,43,62,.07);transition:transform .15s}
.food-card:hover{transform:translateY(-4px)}
.food-card.yes{border-color:var(--yes)} .food-card.no{border-color:var(--no)} .food-card.caution{border-color:var(--caution)}
.card-badge{font-weight:900;font-size:.8rem;letter-spacing:.5px}
.food-card.yes .card-badge{color:var(--yes)} .food-card.no .card-badge{color:var(--no)} .food-card.caution .card-badge{color:var(--caution)}
.card-name{font-weight:700;font-size:1.1rem}
/* categories */
.cat-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.cat-pill{background:#fff;border:2px solid var(--line);padding:9px 18px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.95rem}
.cat-pill:hover{border-color:var(--coral);color:var(--coral-d)}
.cat-section{margin-top:30px}
.cat-section h2{font-size:1.3rem;margin-bottom:12px}
.food-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.food-list a{display:flex;align-items:center;gap:10px;background:#fff;padding:11px 14px;border-radius:12px;text-decoration:none;font-weight:600;box-shadow:0 3px 10px rgba(35,43,62,.05)}
.food-list a:hover{box-shadow:0 6px 16px rgba(35,43,62,.12)}
/* food page */
.crumbs{margin:26px 0 16px;color:var(--muted);font-size:.92rem}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.verdict-hero{border-radius:24px;padding:40px;display:flex;gap:26px;align-items:center;color:#fff;margin-bottom:30px}
.verdict-hero.yes{background:linear-gradient(135deg,#1A9E54,#4CC978)}
.verdict-hero.no{background:linear-gradient(135deg,#D63A3A,#F26B6B)}
.verdict-hero.caution{background:linear-gradient(135deg,#C77F0A,#F5B623)}
.verdict-badge{width:110px;height:110px;flex:none;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900}
.verdict-hero.yes .verdict-badge{color:var(--yes)} .verdict-hero.no .verdict-badge{color:var(--no)} .verdict-hero.caution .verdict-badge{color:var(--caution)}
.verdict-hero .kicker{font-weight:700;opacity:.92;margin-bottom:4px}
.verdict-hero h1{font-size:clamp(2.6rem,7vw,4.2rem);font-weight:900;letter-spacing:-1px;line-height:1}
.verdict-sub{font-size:1.15rem;margin-top:8px;opacity:.95}
.prose{max-width:760px}
.prose h2{margin:28px 0 10px;font-size:1.35rem}
.prose h3{margin:20px 0 6px;font-size:1.08rem}
.prose p{margin-bottom:12px;color:#374151}
.prose ul,.prose ol{margin:0 0 12px 20px;color:#374151}
.prose li{margin-bottom:6px}
.prose table{width:100%;border-collapse:collapse;margin:14px 0 18px;background:#fff}
.prose th,.prose td{border:1px solid #e5e7eb;padding:9px 11px;text-align:left;vertical-align:top}
.prose th{background:#f9fafb;font-weight:700}
.prose.narrow{margin:40px auto;padding-bottom:40px}
.alert-box{border-radius:var(--radius);padding:22px;margin:22px 0}
.alert-box.danger{background:#FDECEC;border-left:6px solid var(--no)}
.alert-box.caution{background:#FFF7E3;border-left:6px solid var(--caution)}
.alert-box.safe{background:#E9F9F0;border-left:6px solid var(--yes)}
.alert-box h2{margin:0 0 6px;font-size:1.1rem}
.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:14px 0 50px}
.mini-card{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:12px 14px;text-decoration:none;font-weight:600;box-shadow:0 3px 10px rgba(35,43,62,.06)}
.mini-badge{width:24px;height:24px;border-radius:50%;color:#fff;font-size:.8rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex:none}
.mini-card.yes .mini-badge{background:var(--yes)} .mini-card.no .mini-badge{background:var(--no)} .mini-card.caution .mini-badge{background:var(--caution)}
/* footer */
.site-footer{margin-top:60px;background:#232B3E;color:#C9D2E3;padding:44px 0}
.site-footer .disclaimer{font-size:.92rem;margin-bottom:18px;max-width:720px}
.site-footer .disclaimer strong{color:#fff}
.site-footer nav{margin-bottom:14px}
.site-footer nav a{color:#fff;margin-right:20px;text-decoration:none;font-weight:600}
.site-footer p{font-size:.9rem}
@media(max-width:640px){
  .stats{grid-template-columns:repeat(2,1fr)}
  .verdict-hero{flex-direction:column;text-align:center;padding:32px 20px}
  .hero{padding:52px 0 70px}
}

/* --- 2026-10-15: nav, promos, calculator --- */
.main-nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.main-nav a{padding:6px 10px;border-radius:999px;font-weight:600;white-space:nowrap}
.main-nav a:hover{background:#fff1e6}
@media (max-width:720px){.header-in{flex-direction:column;gap:6px}.main-nav{justify-content:center}.main-nav a{font-size:.92rem;padding:5px 8px}}
.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 6px}
@media (max-width:640px){.promo-grid{grid-template-columns:1fr}}
.promo-card{display:block;border-radius:16px;padding:18px 20px;text-decoration:none;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.promo-card strong{display:block;font-size:1.25rem;margin-bottom:6px}
.promo-card span{opacity:.95}
.promo-card.calc{background:linear-gradient(135deg,#7b4b2a,#a9713f)}
.promo-card.halloween{background:linear-gradient(135deg,#3b2d5c,#e06a1b)}
.calc-box{background:#fff7ef;border:2px solid #f0c48f;border-radius:16px;padding:20px;margin:18px 0}
.calc-box label{display:block;font-weight:600;margin-bottom:14px}
.calc-box input,.calc-box select{display:block;width:100%;margin-top:6px;padding:10px 12px;font-size:1rem;border:1.5px solid #d9c6ae;border-radius:10px;background:#fff}
.calc-row{display:flex;gap:8px}.calc-row input{flex:1}.calc-row select{width:90px}
.calc-box button{background:#e2543e;color:#fff;border:0;border-radius:999px;padding:12px 22px;font-size:1.05rem;font-weight:700;cursor:pointer;width:100%}
.calc-box button:hover{background:#c7432f}
.calc-result{margin-top:16px;border-radius:12px;padding:14px 16px;line-height:1.5}
.calc-result.ok{background:#e3f6ea;border:1.5px solid #1a9e54}
.calc-result.warn{background:#fdf3d8;border:1.5px solid #c77f0a}
.calc-result.bad{background:#fde4e4;border:1.5px solid #d63a3a}
.main-nav a{margin-left:0}
@media (max-width:720px){.site-header{position:static}.header-in{height:auto;padding-top:10px;padding-bottom:10px}}

/* --- 2026-10-15 fase 2: age calculator --- */
.promo-grid{grid-template-columns:1fr 1fr 1fr}
@media (max-width:900px){.promo-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.promo-grid{grid-template-columns:1fr}}
.promo-card.age{background:linear-gradient(135deg,#1f7a8c,#37a6a0)}
.chart-wrap{overflow-x:auto;margin:14px 0}
.age-chart{border-collapse:collapse;width:100%;min-width:420px;background:#fff}
.age-chart th,.age-chart td{border:1px solid #ecd9bd;padding:7px 9px;text-align:center}
.age-chart th{background:#fff1e0}
.age-chart tr:nth-child(even) td{background:#fffaf3}

/* --- 2026-10-15: header nivelado (6 enlaces sin wrap desigual) --- */
.main-nav{gap:2px;flex-wrap:nowrap}
.main-nav a{padding:6px 8px;font-size:.96rem}
@media (max-width:1150px){
  .site-header{position:static}
  .header-in{flex-direction:column;height:auto;padding-top:10px;padding-bottom:10px;gap:8px}
  .main-nav{justify-content:center;flex-wrap:wrap}
}

/* --- 2026-10-15: pagina 404 --- */
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.chip{background:#fff;border:1.5px solid #f0b429;border-radius:999px;padding:6px 14px;font-weight:700;color:#8a4b12}
.chip:hover{background:#fff1e0}