:root { --cream:#fff9c9; --cream-deep:#fff1a8; --red:#f33b2e; --blue:#17469c; --ink:#14366f; --line:#f0573a; --white:#fffdf0; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background-color:var(--cream); background-image:linear-gradient(rgba(255,249,201,.88),rgba(255,249,201,.88)), url("https://pollocortes.com/assets/fondopollo.png"); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; color:var(--blue); font-family:"Bree Serif", Georgia, serif; font-size:18px; line-height:1.24; } a { color:inherit; } button, input, textarea { font:inherit; } .skip-link { position:absolute; left:-999px; } .skip-link:focus { left:16px; top:16px; z-index:10; background:var(--white); padding:8px; }
.hero { background:var(--red); color:var(--cream); padding:24px 20px 28px; text-align:center; overflow:hidden; position:relative; } .hero:after { content:"✦  ✦  ✦"; color:rgba(255,249,201,.28); font-size:60px; letter-spacing:22px; position:absolute; right:-44px; bottom:-11px; } .brand-lockup { font-family:"Nunito", sans-serif; letter-spacing:.02em; line-height:.82; text-transform:uppercase; } .brand-small { font-size:24px; display:block; } .brand-lockup strong { font-size:58px; } .tagline { font-size:21px; margin:12px 0 18px; } .image-placeholder { border:2px dashed currentColor; background:rgba(255,249,201,.1); display:grid; place-items:center; text-align:center; font-family:"Nunito", sans-serif; font-size:14px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; } .hero-image { aspect-ratio:16/9; margin:auto; max-width:450px; color:rgba(255,249,201,.8); } .quick-actions { display:flex; justify-content:center; gap:10px; margin-top:18px; position:relative; z-index:1; } .button { border-radius:999px; display:inline-block; font-family:"Nunito", sans-serif; font-size:14px; font-weight:900; padding:12px 17px; text-decoration:none; text-transform:uppercase; letter-spacing:.04em; cursor:pointer; border:2px solid transparent; } .button-light { background:var(--cream); color:var(--red); } .button-outline { border-color:var(--cream); color:var(--cream); }
.section { padding:34px 20px; max-width:620px; margin:auto; } .intro { text-align:center; padding-bottom:26px; } .eyebrow { font-family:"Nunito", sans-serif; font-weight:900; color:var(--red); letter-spacing:.12em; margin:0 0 6px; text-transform:uppercase; font-size:12px; } h1,h2,h3,p { margin-top:0; } h1 { font-family:"Nunito", sans-serif; font-size:34px; font-weight:900; letter-spacing:-.045em; line-height:1; margin-bottom:11px; } .intro p:last-child { color:#4965a4; font-size:20px; } .section-title { background:var(--red); color:var(--cream); text-align:center; padding:9px 12px 8px; font-family:"Nunito",sans-serif; font-size:23px; font-weight:900; letter-spacing:.08em; line-height:1.08; text-transform:uppercase; } .section-note { color:#526ca7; font-size:20px; margin:13px 0 18px; } .featured-card, .add-on, .simple-item, .mini-combo { border-bottom:2px solid var(--line); padding:16px 0; } .best-seller { color:var(--red); font-size:18px; margin-bottom:6px; } .item-heading { display:flex; gap:12px; align-items:baseline; justify-content:space-between; } .item-heading h2 { font-size:26px; line-height:1.04; margin:0; } .item-heading strong { color:var(--blue); font-size:25px; font-style:italic; white-space:nowrap; } h3 { color:var(--red); font-family:"Nunito",sans-serif; font-size:14px; font-weight:900; letter-spacing:.06em; margin:0 0 7px; text-transform:uppercase; } .choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:20px; } ul { margin:0; padding-left:19px; } li { margin:3px 0; } .choice-row { margin-top:19px; } .choice-row p { margin:0; } .add-on p, .simple-item p, .mini-combo p { margin:7px 0 0; color:#5470ad; } .food-image { height:185px; color:var(--red); margin:6px 0 17px; background:var(--cream-deep); } .menu-list { display:grid; gap:0; } .menu-item { border-bottom:1.5px solid var(--line); padding:18px 0; } .menu-item p { color:#5270ae; font-size:19px; margin:6px 0 0; } em { color:var(--red); font-style:normal; } .popular .item-heading h2 { color:var(--blue); } .prices { display:flex; justify-content:space-between; gap:12px; margin-top:10px; font-size:20px; } .prices span { display:flex; gap:5px; } .two-col-options { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:22px 0; border-bottom:2px solid var(--line); } .two-col-options > div + div { border-left:2px solid var(--line); padding-left:20px; } .two-col-options p { margin:0; color:#5270ae; }
.review-panel { background:var(--blue); color:var(--cream); max-width:none; text-align:center; padding-left:max(20px, calc((100% - 580px)/2)); padding-right:max(20px, calc((100% - 580px)/2)); } .review-panel .eyebrow { color:#ffbc57; } .review-panel h2 { font-family:"Nunito",sans-serif; font-size:27px; font-weight:900; margin:0 0 6px; } .rating-controls { display:flex; justify-content:center; gap:3px; margin:20px 0 8px; } .rating-controls button { background:none; border:0; color:#f1c641; cursor:pointer; font-size:39px; line-height:1; padding:2px; transition:transform .12s; } .rating-controls button:hover,.rating-controls button:focus { transform:scale(1.15); outline:none; } .rating-message { min-height:24px; margin-bottom:12px; } .feedback-form { max-width:460px; text-align:left; margin:18px auto 0; } label { display:block; font-family:"Nunito",sans-serif; font-size:13px; font-weight:900; margin:13px 0 5px; text-transform:uppercase; } label span,.form-note { font-family:"Bree Serif",serif; font-weight:normal; text-transform:none; } input,textarea { background:var(--white); border:0; border-radius:7px; color:var(--ink); padding:10px; width:100%; } textarea { min-height:115px; resize:vertical; } .button-red { background:var(--red); color:var(--cream); margin-top:14px; width:100%; } .form-note { font-size:14px; text-align:center; margin:10px 0 0; }
.footer { background:var(--red); color:var(--cream); padding:33px 20px 43px; text-align:center; } .footer h2 { font-family:"Nunito",sans-serif; font-size:27px; font-weight:900; margin-bottom:10px; } address { font-style:normal; font-size:20px; } .map-link { display:inline-block; border-bottom:2px solid var(--cream); font-family:"Nunito",sans-serif; font-size:14px; font-weight:900; margin:16px 0 22px; text-decoration:none; text-transform:uppercase; } .phone { display:block; font-family:"Nunito",sans-serif; font-size:26px; font-weight:900; margin-bottom:19px; text-decoration:none; } nav { display:flex; justify-content:center; gap:22px; } nav a { font-family:"Nunito",sans-serif; font-weight:900; }
@media (min-width:600px) { .hero { padding-top:37px; } .section { padding-top:42px; padding-bottom:42px; } .menu-list.compact { grid-template-columns:1fr 1fr; column-gap:28px; } .menu-list.compact .menu-item:nth-last-child(-n+2) { border-bottom:0; } }

/* Fondo gastronómico de la cabecera: assets/hero-pollo-crujiente.png */
.hero { background:linear-gradient(rgba(89,19,10,.62),rgba(89,19,10,.74)),url("assets/hero-pollo-crujiente.png") center/cover; min-height:330px; padding-top:58px; }
.hero > * { position:relative; z-index:1; }
.brand-lockup,.tagline { text-shadow:0 2px 12px rgba(51,8,0,.8); }
.quick-actions { flex-wrap:wrap; margin-top:24px; }
.button-outline { background:rgba(17,33,62,.24); }
.house-message { color:var(--red); font-size:24px; margin:0 0 10px; }
.phone { margin-bottom:9px; }
.whatsapp-link { display:inline-block; margin-bottom:19px; text-decoration:none; border-bottom:2px solid var(--cream); font-family:"Nunito",sans-serif; font-size:15px; font-weight:900; }