/* Restaurants landing (/restaurantes), on top of hoteles.css: the customer's phone at the table and three modules. */
.rr-cel{justify-self:center;width:min(330px,100%);padding:16px;border-radius:34px;background:#fff;border:8px solid var(--tinta);box-shadow:0 30px 60px -24px rgba(18,41,47,.55)}
.rr-cel>div{display:grid;gap:10px}
.rr-cel p{margin:0}
.rr-cel-cab{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:16px;background:var(--laguna-t)}
.rr-cel-cab b{font-size:1.1rem}
.rr-cel-cab span{font-size:.85rem;font-weight:700;color:var(--laguna)}
.rr-tabs{display:flex;gap:6px;padding:5px;border-radius:999px;background:#F4FAFA;font-size:.78rem;font-weight:700}
.rr-tabs span{flex:1;text-align:center;padding:7px 4px;border-radius:999px;color:var(--suave)}
.rr-tabs .on{background:var(--coral);color:#fff}
.rr-plato{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--linea);border-radius:14px}
.rr-plato i{font-style:normal;font-size:1.5rem;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#F4FAFA}
.rr-plato div{display:grid;gap:2px;min-width:0}
.rr-plato b{font-size:.9rem}
.rr-plato span{font-size:.82rem;font-weight:700;color:var(--suave)}
.rr-plato em{font-style:normal;font-weight:800;display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;border:1.5px solid var(--linea)}
.rr-boton{text-align:center;padding:12px;border-radius:14px;background:var(--coral);color:#fff;font-weight:800;font-size:.9rem}
.rr-aviso{padding:10px 12px;border-radius:12px;background:#E3F6EA;color:#166534;font-weight:700;font-size:.85rem}
.hh-modulos.tres-col{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:960px){.hh-modulos.tres-col{grid-template-columns:1fr}}
.h-nota.centro{margin-left:auto;margin-right:auto;text-align:center}