/* CSS_FORMAT - Estilos exclusivos del menu del restaurante */
/* Publicar como formats.css por restaurante; no insertar como HTML */

.cff_R_cat_rojo_1 {
  width:100%;
  background-color:#D32F2F;
  color:#FFFFFF;
  border:none;
  border-radius:12px;
  padding:14px 18px;
  font-size:20px;
  font-weight:700;
  font-family:Roboto, Arial, sans-serif;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 6px 18px rgba(0,0,0,0.20);
  letter-spacing:0.5px;
}
.cff_R_cat_rojo_2 {
  flex-grow:1;
}

.cff_R_cat_amarillo_1 {
  width:100%;
  background-color:#FFD600;
  color:#000000;
  border:none;
  border-radius:10px;
  padding:12px 16px;
  font-size:19px;
  font-weight:600;
  font-family:Roboto, Arial, sans-serif;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.12);
}
.cff_R_cat_amarillo_2 {
  flex-grow:1;
}

.cff_R_cat_verde_1 {
  width:100%;
  background-color:#81C784;
  color:#000000;
  border:none;
  border-radius:10px;
  padding:12px 16px;
  font-size:19px;
  font-weight:600;
  font-family:Roboto, Arial, sans-serif;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.10);
}
.cff_R_cat_verde_2 {
  flex-grow:1;
}

.cff_R_cat_azul_1 {
  width:100%;
  background-color:#1E88E5;
  color:#FFFFFF;
  border:none;
  border-radius:10px;
  padding:12px 16px;
  font-size:19px;
  font-weight:700;
  font-family:Roboto, Arial, sans-serif;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.16);
  letter-spacing:0.5px;
}
.cff_R_cat_azul_2 {
  flex-grow:1;
}

.cff_R_cat_naranja_1 {
  width:100%;
  background:linear-gradient(135deg,#FFCA28,#FB8C00);
  color:#2b2b2b;
  border:none;
  border-radius:10px;
  padding:9px 16px;
  font-size:16px;
  font-weight:600;
  font-family:Roboto, Arial, sans-serif;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.18);
  letter-spacing:0.5px;
}
.cff_R_cat_naranja_2 {
  flex-grow:1;
}

.cff_R_plato_foto_1 {
  background:#FDE28A;
  border-radius:12px;
  padding:10px 12px;
  box-shadow:0 2px 6px rgba(0,0,0,0.06);
  overflow:hidden;
}
.cff_R_plato_foto_2 {
  margin-bottom:6px;
}
.cff_R_plato_foto_3 {
  font-size:16px;
  font-weight:700;
  color:#0D6EFD;
  margin-bottom:6px;
}
.cff_R_plato_foto_4 {
  font-size:16px;
  font-weight:700;
  color:#000000;
  line-height:1.3;
  margin-bottom:4px;
}
.cff_R_plato_foto_5 {
  font-size:14px;
  color:#333333;
  line-height:1.35;
}

.cff_R_tit_naranja_1 {
  background:linear-gradient(90deg,#F59E0B,#EA580C);
  border-radius:10px;
  padding:12px 14px;
  color:#FFFFFF;
  font-size:18px;
  font-weight:700;
}

.cff_R_plato_componente_1 {
  background:#F3F4F6;
  border:1px solid #D1D5DB;
  border-radius:10px;
  padding:10px 12px;
  overflow:hidden;
  color:#1F2937;
  font-family:Roboto,Arial,sans-serif;
}
.cff_R_plato_componente_2 {
  float:left;
  margin-right:10px;
}
.cff_R_plato_componente_3 {
  font-size:15px;
  font-weight:700;
  color:#374151;
}
.cff_R_plato_componente_4 {
  font-size:14px;
  color:#4B5563;
}
.cff_R_plato_componente_5 {
  font-size:14px;
  font-weight:700;
  color:#2563EB;
}

.cff_R_plato_opcion_1 {
  background:#E7F4E8;
  border:1px solid #B5D8B8;
  border-radius:10px;
  padding:10px 12px;
  overflow:hidden;
  color:#173B20;
  font-family:Roboto,Arial,sans-serif;
}
.cff_R_plato_opcion_2 {
  float:left;
  margin-right:10px;
}
.cff_R_plato_opcion_3 {
  font-size:15px;
  font-weight:700;
}
.cff_R_plato_opcion_4 {
  font-size:14px;
  color:#3B6244;
}
.cff_R_plato_opcion_5 {
  font-size:14px;
  font-weight:700;
  color:#2563EB;
}

.cff_R_cat_seleccion_1 {
  width:100%;
  background:#FFF3D6;
  color:#4B3B23;
  border:1px solid #EBD9B6;
  border-radius:9px;
  padding:7px 12px;
  font-size:14px;
  font-weight:500;
  font-family:Roboto,Arial,sans-serif;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 1px 3px rgba(0,0,0,0.05);
}
.cff_R_cat_seleccion_2 {
  flex-grow:1;
}

.cff_R_ext_pic_1 {
  background:#FFF5DF;
  border-radius:14px;
  padding:14px;
  font-family:Roboto,Arial,sans-serif;
  color:#493728;
  box-shadow:0 4px 16px rgba(0,0,0,0.15);
  overflow:hidden;
}
.cff_R_ext_pic_2 {
  margin-bottom:14px;
  text-align:center;
}
.cff_R_ext_pic_3 {
  font-size:22px;
  font-weight:700;
  color:#743B19;
  margin-bottom:8px;
}
.cff_R_ext_pic_4 {
  font-size:15px;
  line-height:1.6;
  margin-bottom:16px;
}
.cff_R_ext_pic_5 {
  font-size:17px;
  font-weight:700;
  color:#99501D;
  margin-bottom:5px;
}
.cff_R_ext_pic_6 {
  font-size:14px;
  line-height:1.6;
  margin-bottom:14px;
}
.cff_R_ext_pic_7 {
  font-size:17px;
  font-weight:700;
  color:#99501D;
  margin-bottom:5px;
}
.cff_R_ext_pic_8 {
  font-size:14px;
  line-height:1.6;
  margin-bottom:14px;
}
.cff_R_ext_pic_9 {
  font-size:17px;
  font-weight:700;
  color:#99501D;
  margin-bottom:5px;
}
.cff_R_ext_pic_10 {
  font-size:14px;
  line-height:1.6;
}